page{
    background-color:#F2F2F2;
}
.cart_title{
    font-size: 46rpx;
    margin: 10rpx 20rpx;
}
.cart_content {
    background-color: #f3f3f5f8;
    margin-bottom: 120rpx;
    .cart_main {
        .cart_item {
            display: flex;
            background-color: white;
            border-radius: 30rpx;
            margin: 18rpx 16rpx;
            height: 260rpx;
            .cart_chk_wrap {
                flex: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                
            }
            .cart_img_wrap {
                flex: 2;
                display: flex;
                justify-content: center;
                align-items: center;
                image {
                    width: 80%;
                }
            }
    
            .cart_info_warp {
                flex: 4;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                .goods_name {
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    color: #666;
                }
                .goods_price_warp {
                    display: flex;
                    justify-content: space-between;
                    .goods_price {
                        color: red;
                        font-size: 30rpx;
                    }
                    .cart_num_tool {
                        display: flex;
                        margin-right: 30rpx;
                        .num_edit {
                            border: 1rpx solid #ccc;
                            width: 55rpx;
                            height: 55rpx;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }
        
                        .goods_num {
                            width: 55rpx;
                            height: 55rpx;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }
                    }
                }
            }
        }
    }
}

.footer_tool{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100rpx;
    background-color: #fff;
    display: flex;
    border-top: 1rpx solid #ccc;
    .all_chk_warp{
        flex: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .total_price_warp{
        flex: 5;
        padding-right: 15rpx;
        text-align: right;
        .total_price{
            .total_price_text{
                color: var(--themeColor);
                font-size: 34rpx;
                font-weight: 600;
            }
        }
    }
    .order_pay_warp{
        flex: 3;
        background-color: var(--themeColor);
        color: #fff;
        font-size: 32rpx;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


.kongImg{
    margin-left: 40rpx;
}
.kong_cart{
    font-size: 35rpx;
}
.kong_title{
    font-size: 46rpx;
    font-weight: 500;
    margin: 40rpx 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9432F7;
    .iconfont{
        margin-right: 20rpx;
    }
}

.all_goods{
    margin-top: 30rpx;
    .goods_item{
        display: flex;
        margin: 10rpx 5;
        border-radius: 10rpx;
        box-shadow: 4rpx 4rpx 8rpx 8rpx #e6e6e6;
        .goodsIcon{
            width: 260rpx; 
            height: 260rpx;
            border-radius: 24rpx;
            margin:8rpx 2rpx;
            margin-right: 24rpx;
            flex: 2;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .goodsInfo{
            flex: 3;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            .goodsName{
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }
            .goodsPrice{
                color: red;
                margin-top: 36rpx;
                font-size: 32rpx;
            }
        }
    }
}